<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>接口测试</title>
	<meta content="text/html;charset=utf-8" http-equiv="content-type">
	<link rel="stylesheet" href="{{ URL::asset('/vendor/admin/frame/bootstrap/css/bootstrap.css') }}">
	<link rel="stylesheet" href="{{ URL::asset('/vendor/api/jquery-jsonview-master/jquery.jsonview.min.css') }}">
	<script src="{{ URL::asset('/vendor/api/js/jquery.js') }}"></script>
	<script src="{{ URL::asset('/vendor/api/jquery-jsonview-master/jquery.jsonview.min.js') }}"></script>
</head>
<style>

/*
 * Glyphicons
 *
 * Special styles for displaying the icons and their classes in the docs.
 */

.bs-glyphicons {
  margin: 0 -10px 20px;
  overflow: hidden;
}
.bs-glyphicons-list {
  padding-left: 0;
  list-style: none;
}
.bs-glyphicons li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #fff;
}
.bs-glyphicons .glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 24px;
}
.bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center;
  word-wrap: break-word; /* Help out IE10+ with class names */
}
.bs-glyphicons li:hover {
  color: #fff;
  background-color: #563d7c;
}

@media (min-width: 768px) {
  .bs-glyphicons {
    margin-right: 0;
    margin-left: 0;
  }
  .bs-glyphicons li {
    width: 12.5%;
    font-size: 12px;
  }
}
</style>
<body>
	<div id="content">
	<div class="container">
		<h1>Sandbox HTML调试代码</h1>
		<div class="panel panel-default" style="margin-top:20px">
			<div class="panel-body">
				新建一下sandbox html测试，可直接在<code>resources/views/Api/Sandbox/html/</code>目录下创建一个blade模板页面即可自动载入<br/><br/>如<code>resources/views/Api/Sandbox/html/example_a.blade.php</code>
			</div>
		</div>

		<div class="bs-glyphicons">
			<ul class="bs-glyphicons-list">
			@foreach ($files as $k=>$v)
				 <a href="./Sandbox_html?f={{$v}}" target="_blank">
				@switch($k%3)   
				 @case(1)
				 <li class="list-group-item-success">
					<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
					@break

				@case(2)
				<li class="list-group-item-info">
					<span class="glyphicon glyphicon-star" aria-hidden="true"></span>
					@break

				@default
				<li class="list-group-item-warning">
					<span class="glyphicon glyphicon-cloud" aria-hidden="true"></span>
			@endswitch
					<span class="glyphicon-class">{{$v}}</span>
					</li>
					</a>
					@endforeach
			</ul>
		</div>
	</div>
	</div>
</body>

</html>